li{
    list-style: none;
}
ul{
    padding: 0;
}
.mytable-app{
    position: absolute;
    left: 0;top: 0;bottom: 0;right: 0;
    overflow: hidden;
}
.bg-canvas{
    position: absolute;
    left: 0;top: 0;bottom: 0;right: 0;
    z-index: 1;
}
.table-view{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 10px;

    border:1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 0 10px #333;

    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;

    overflow-y: auto;
    overflow-x: hidden;

    z-index: 10;
}
.table-box{
    margin-left: 20px;
    border-left: 1px dashed #b8aeae;
}
.item-title{
    margin-bottom: 10px;
}
.item-title .title{
    color: #333;
    text-decoration: none;

}
.item-title .no-padding-left{
    padding-left:0;
}
.item-title .no-padding-right{
    padding-right:0;
}
.table-view > .table-box{
    margin-left:10px;
}

.bg-canvas{
    /*background: url('../images/bg.jpg') no-repeat center center;
    background-size: cover;
    transform: scale(6) translate3d(-200px,-200px,0);
    opacity: .54;*/
    /*transition: all 20s ease;*/

}
/*@keyframes ani{
    0%{
        transform: scale(2) translate3d(-200px,-200px,0);
        opacity: 0;
    }
    45%{
        transform: scale(2) translate3d(-50px,-50px,0);
        opacity: .1;
    }
    50%{
        transform: scale(2) translate3d(0px,0px,0);
        opacity: 0;
    }
    100%{
        transform: scale(2) translate3d(200px,400px,0);
        opacity: 0;
    }
}*/
/*.bg-canvas.active{
    animation: ani 10s ease infinite;
}*/
